.w {
  width: 1200px;
  margin: 0 auto;
}
body{
    height: 4000px;
}
/* @font-face {
    font-family: 'iconfont';
    src: url('../iconfonts/iconfont.css');
    src: url('../iconfonts/iconfont.css') format('embedded-opentype'),
        url('../iconfonts/iconfont.css') format('woff2'),
        url('../iconfonts/iconfont.css') format('woff'),
        url('../iconfonts/iconfont.css') format('truetype'),
        url('../iconfonts/iconfont.css') format('svg');
  } */

 @font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  } 
.red {
  color:#b1191a;
}
.shortcut {
  height: 31px;
  background-color: #f1f1f1;
  line-height: 31px;
}
.shortcut .w {
  height: 100%;
/* background-color: pink; */
}
.shortcut .w .left li {
  float: left;
}
.shortcut .w .left li:nth-child(2) {
  margin-left: 8px;
  margin-right: 8px;
}
.shortcut .w .right li {
  float: left;
  margin: 0 8px;
}
.shortcut .w .right li .arrow::after {
  content: "";
  font-family: "icomoon";
  padding-left:10px ;

}
.header{
    position: relative;
    height: 105px;
    /* background-color: pink; */
}
.header .logo{
    position:relative;
}
.header .logo a{
    position: absolute;
    top: 25px;
    display: block;
    width: 171px;
    height: 61px;
    /* background-color: blue; */
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    font-size: 0;
}

.search{
    position: relative;
    height: 36px;
    width: 535px;
    border: 2px solid #b1191a;
    top: 25px;
    left: 345px;

}
.search span{
    font-family: 'icomoon';
}
.search input{
    position: absolute;
    float: left;
    height: 32px;
    width: 452px;
    padding-left: 10px;
}
.search input::placeholder{
    color: #666;
    font-size: 14px;
}
.search button{
    
    float: right;
    height: 32px;
    width: 80px;
    background-color: #b1191a;

}
.header .hotword{
    position: absolute;
    top: 71px;
    left: 360px; 


}
.header .hotword a{
    float: left;
    margin-right: 15px;
}
.header .shopcar{
   position: absolute;
    width: 138px;
    height: 35px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    top: 25px;
    right: 62px;
   line-height: 35px;
   text-align: center;

}
.header .shopcar .car{
    font-family: 'icomoon';
}
.header .shopcar .arrow{
    font-family: 'icomoon';
}
.header .shopcar span:nth-child(2){
    margin-left: 7px;
    margin-right: 10px;
}
.header .shopcar span:last-child{
    height: 14px;
    position: absolute;
     padding-left: 4px;
     padding-right:4px;
     line-height: 14px;
    background-color: #b1191a;
    top: -5px;
    left: 105px;
    border-radius: 7px 7px 7px 0;
}
.nav{
    height: 45px;
    border-bottom: 2px solid#b1191a;
}

.nav .dt{
    /* float: left; */
    height: 45px;
    background-color:#b1191a;
    ;
    width: 208px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: white;
}
.nav .dd{

    float: left;
    height: 467px;
    width:208px;
    background-color:#c81623;
    border: 1px solid #c81623;
    display:block;
}

.nav .dd ul li{
    height: 31px;
    line-height: 31px;
    /* padding-top: 2px; */
    /* margin-left: 2px; */
     margin-left: 14px; 
     position: relative;
 
}
.nav .dd ul li a{
    color:white;
    font-size: 14px;
}
.nav .dd ul li:hover {
    width: 209px;
    background-color:white;
    margin-left: 1px;

}
.nav .dd ul li:hover a{
    color: #c81623;
    margin-left: 14px;
}
.nav .dd ul li a::after{
    content: "";
    font-family: 'icomoon';
    position: absolute;
    top: 2px;
    right: 10px;

}
.nav .dropdown{
    float: left;
    height: 509px;
}
.nav .nav-top {
    float: left;
}
.nav .nav-top li{
    float: left;
    line-height:45px ;
    height: 45px;
}
.nav .nav-top ul{
    margin-left: 42px;
}
.nav .nav-top li a{
    font-size: 16px;
    color: #333;
    margin-right: 50px;
}
/* foot部分开始 */
.foot{
    height: 416px;
background-color: #f5f5f5;

}
.foot .top{
    height: 107px;
    border-bottom: 1px solid #e5e5e5;
}
.foot .top li{
    float: left;
    padding-top: 30px;
    padding-right: 73px;
    
}
.foot .top li:last-child{
    margin-right: none;
} 
.foot .top h3{
    float: left;
    background-image: url(../img/icons.png);
    width: 50px;
    height: 50px;
    background-position: -252px -2px;
    margin-right: 7px;
    
}
.foot .top div{
    float: left;
 
}
.foot .top div h4{
    font-size: 14px;
    font-weight: 700;
    margin: 7px;

}
.foot .top p{
    font-size: 12px;

}
.foot .top ul{
    margin-left: 36px;
}
.foot .center .tex1{
    float: left;
}
.foot .center{
    height: 188px;
    border-bottom: 1px solid #ccc;
    padding-left:51px;
    padding-top: 22px;
}
.foot .center ul{
    margin-right: 110px;
   
}
.foot .center ul:last-child{
    margin-right: none;
} 
.foot .bottom .navs li{
    float: left;
    height: 14px;
}

   
    .foot .bottom .navs li a{
        font-size: 14px;
        border-right: 1px solid #ccc;
    }
    .foot .bottom p{ text-align: center;
    margin-top: 10px;}
